<template>
   <div class="table-column">
      <div>{{label}}</div>
      <div>
         <div v-for="(item,index) in this.$parent.data" :key="index" class="item">
            <slot :row="item">{{item[prop]}}</slot>
         </div>
      </div>
   </div>
</template>

<script>
export default {
    props:{
        label:String,
        prop:String
    }
}
</script>

<style lang="scss">
   .table-column{
      margin: 10px;
      .item{
         margin: 5px;
      }

   }
</style>